.fl{
    float: left;
}
.fr{
    float: right;
}
.common-width{ width:1300px; height:auto; margin:0 auto;}

#menu{display: none !important;}
#menu.mm-opened{ display: block !important; }

.top-box{ width:100%; height:auto; 
    /* position: fixed; left: 0; top: 5px; */
     z-index: 999;
		width: 100%;
    height: auto;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
	 }

.top-d{ width:100%; height:76px; background-color: #fff;border-top: 4px solid #009B6E; }
.top-d.act{background:#FFF}
.top-d .pc_nav{
    /* margin-left: 70px; */
	
}

.top-d.act .pc_nav li .waia{color:#333}
.top-nav{ height:45px; float:right;}
.pc_nav li{ float:left; width:110px; height: 76px; line-height: 79px; text-align:center;transition: all 200ms;position: relative;font-size: 16px;}
.pc_nav li .waia{ position: relative;text-align:center; color:#666666; padding-bottom:11px;}
.pc_nav li.gaoliang .waia{ color: #009B69;
    border-bottom: 3px solid#009B69;
    padding: 10px;
    padding-bottom: 23px;
	font-weight: bold;
	
}
.pc_nav li .waia .small-sanj{
	position: absolute;
    bottom: 0;
    left: 50%;
	transform: translateX(-50%);
	display: none;
}
.pc_nav li.gaoliang .waia  .small-sanj{display: block;}
.pc_nav li:hover .waia{ color:#009B69 !important; border-bottom: 3px solid#009B69;padding: 10px; padding-bottom: 23px;font-weight: bold;}
.pc_nav li .xldiv{ display: none; position: absolute;height:auto !important; top: 76px;padding: 20px 0; left: 50%; margin-left: -80px; width: 160px;background: #f3f3f3;text-align: center;z-index: 9999;}
.pc_nav li .xldiv a{ display: block; font-size: 14px; color: #666;line-height: 45px;}
.pc_nav li .xldiv a:hover{ color: #fff;background:#009B69;}

.pc_nav li .xldiv input{float:left;width:110px;line-height:36px;padding: 0 8px;box-sizing: border-box;background:#fff;margin-left:10px}
.pc_nav li .xldiv button{float:left;width:40px;line-height:36px;cursor:pointer;}

.pc_nav li:hover .waia .small-sanj{display: block;}
.top-box .top-d .common-width .nav_logo {
	display: inline-block;
	margin: 4px 0 0 0;
	float: left;
}
.top-box .top-d .common-width .top-nav{
	float:right;

}
.pc_nav li img.tu{
    cursor: pointer;
}
.shr{position: absolute;
    width: 250px;
    top: 110px;
    right: 30px;
    display: none;
    z-index: 9;color: #666;
    line-height: 40px;    background-color: #eee;}
 .shr input{width: 100%;height: 40px;font-size: 14px;color: #aaa;padding: 0 10px;box-sizing: border-box;background-color:#eee;outline:none;border:1px solid #e3e3e3;
    
}
.shr1-1{
    color: #666;
}
 .shr.shr1{
     width: 150px;
     background-color:#eee ;
     cursor: pointer;
     right: 0;
     color: #666;
 }
 .pc_nav li.zhanqun .waia img:nth-child(2){
	display: none;
 }
 .pc_nav li.zhanqun .waia:hover img:nth-child(2){
	display: inline-block;
 }
 .pc_nav li.zhanqun .waia:hover img:nth-child(1){
	display:none;
 }
 .banner{
	margin-top:76px;
 }
 @media screen and (max-width:1440px){
	 .common-width {
		width: 96%;
		height: auto;
		margin: 0 auto;
	}
	.top-d {
		width: 100%;
		height: 76px;
		background-color: #fff;
		/* background: url(../images/daohebj.png) no-repeat right bottom; */
	}
	 .top-box .top-d .common-width .nav_logo {
		display: inline-block;
		margin: 4px 0 0 0;
		float: left;
	}
	 .top-box .top-d .common-width .nav_logo img{
		 width: 100%;
		height: 100%;
	 }
	 .pc_nav li {
		float: left;
		width: 90px;
		height: 76px;
		line-height: 79px;
		text-align: center;
		transition: all 200ms;
		position: relative;
		font-size: 16px;
	}
	.pc_nav li .xldiv {
		display: none;
		position: absolute;
		top: 76px;
		padding: 20px 0;
		left: 50%;
		margin-left: -80px;
		width: 160px;
		background: #f3f3f3;
		text-align: center;
		z-index: 9999;
	}
 }
  @media screen and (max-width:1280px){
	.top-d .pc_nav {
		margin-left: 0px;
	}
	.pc_nav li {
		float: left;
		width: 76px;
		height: 90px;
		line-height: 90px;
		text-align: center;
		transition: all 200ms;
		position: relative;
		font-size: 14px;
	}
	
  }
 
@media screen and (max-width:1024px){

    .common-width{ width:96%;}
    .common1-width{ width:96%;}
    
    #menu{ display:block;}
    .phone_nav a
    {
        display: block;
        width: 28px;
        height: 18px;
        position: absolute;
        top: 20px;
        right: 2%;
    }
    .phone_nav a:before,
    .phone_nav a:after
    {
        content: '';
        display: block;
        background: #009b4c;
        height: 2px;
    }
    .phone_nav a span
    {
        background: #009b4c;
        display: block;
        height: 2px;
        margin: 6px 0;
    }
    
    
    .banner{
        width: 100%;
    }
	.pc_nav li{
		display:none;
	}
	.pc_nav li.login{
		display:block;
	}
	.top-box .top-d .common-width .top-nav {
		float: right;
		margin-right:40px;
	}
	.top-box .top-d .common-width .nav_logo img {
		width: 160px;
		height: auto;
	}
	.top-d {
		width: 100%;
		height: 60px;
		background-color: #fff;
		/* background: url(../images/daohebj.png) no-repeat right bottom; */
	}
	.top-box .top-d .common-width .nav_logo {
		display: inline-block;
		margin: 10px 0 0 0;
		float: left;
	}
	.pc_nav li {
		float: left;
		width: 90px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		transition: all 200ms;
		position: relative;
		font-size: 14px;
	}
	.phone_nav a:before, .phone_nav a:after {
		content: '';
		display: block;
		background:#009B69;
		height: 2px;
	}
	.phone_nav a span {
		background:#009B69;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	#menu {
		display: none !important;
	}
}


@media screen and (max-width:768px){
	#menu{
		display: none !important;
	}
	#menu.mm-opened{
		display: block !important;
	}
	.shr {
   
		top: 60px;
	   
	}
	.pc_nav li.edit_logout{
		float: left;
		min-width: 100px;
		max-width: 150px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		transition: all 200ms;
		position: relative;
		font-size: 14px;
	}
	.pc_nav li.edit_logout>img{
		margin-right: 0px !important;
		display: inline-block;
	}
	.pc_nav li.edit_logout span#tuanxiao_username{
		position: unset !important;
		display: inline
	}
	.banner{
		margin-top:64px;
	 }
}